import { defineComponent } from 'vue'

import type { IconType } from '@/types/Icontsx'

function title(props: IconType): JSX.Element {
  return (
    <svg
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="9888"
      width={props.size}
      height={props.size}
    >
      <path
        d="M976 570 976 570l0 290c0 32-26 58-58 58L106 918c-32 0-58-26-58-58L48 367c0-32 26-58 58-58l812 0c32 0 58 26 58 58l0 145 0 0L976 570zM918 367 106 367l0 145 319 0 0 58L106 570l0 290 812 0L918 570 599 570l0-58 319 0L918 367zM483 454l58 0 0 174-58 0L483 454zM744 164 280 164l0 145-58 0L222 164c0-32 26-58 58-58l464 0c32 0 58 26 58 58l0 145-58 0L744 164z"
        p-id="9889"
        fill="currentcolor"
      ></path>
    </svg>
  )
}

export default defineComponent({
  props: {
    size: {
      type: Number,
      default: 24
    }
  },
  render(props: IconType) {
    return title(props)
  }
})
